<template>
    <div>
        <h1 class="middle">这是中间部分</h1>
        <MiddleRect></MiddleRect>
    </div>
</template>

<script>
import MiddleRect from './Middle/MiddleRect.vue';
export default {
    name:'Middle',
    data() {
        return {

        }
    },
    components: {
        MiddleRect
    }
}
</script>

<style  scoped>
    .middle{
        width: 500px;
        height: 150px;
        background-color: pink;
    }
</style>